<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, user-scalable=no,target-densityDpi=device-dpi" />
    <meta content="telephone=no" name="format-detection" />
    <meta name="apple-touch-fullscreen" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>我的课程</title>
    <link rel="stylesheet" href="../css/base.css" />
    <link rel="stylesheet" href="../css/mylessons.css">
    <script src="../js/hotcss.js"></script>
</head>

<body class="mylessons bg">
    <div class="wrap">
        <nav class="nav bgw">
            <div class="tab clearfix">
                <a href="#" class="active">已预约</a>
                <a href="#">已完成</a>
            </div>
        </nav>
        <div class="lessons bgw">
            <div class="lesson_item clear">
                <div class="imgWrap">
                    <img src="http://xqproduct.xiangqu.com/FlLJRvAZhKWhPTqVyf5lM3QUOdNe?imageView2/2/w/164/q/90/format/jpg/1200x1200/" alt="">
                </div>
                <div class="lesson_info">
                    <p class="title">
                        0-3岁儿童零基础水墨绘画快速入门课（1）
                    </p>
                    <p class="desc">
                        <i class="icon_1"></i>浙大青藤茶馆,1.2公里
                    </p>
                    <p class="desc">
                        <i class="icon_2"></i>9:00-10:00
                    </p>
                    <p class="desc">
                        <i class="icon_5"></i>老师:吕想想
                    </p>
                    <div class="status status_ok">
                        <i class="ok"></i>预约成功
                    </div>
                    <a href="#" class="handel">取消预约</a>
                </div>
            </div>
            <div class="lesson_item clear">
                <div class="imgWrap">
                    <img src="http://xqproduct.xiangqu.com/FlLJRvAZhKWhPTqVyf5lM3QUOdNe?imageView2/2/w/164/q/90/format/jpg/1200x1200/" alt="">
                </div>
                <div class="lesson_info">
                    <p class="title">
                        3-12岁水墨画课程（四）
                    </p>
                    <p class="desc">
                        <i class="icon_1"></i>浙大青藤茶馆,1.2公里
                    </p>
                    <p class="desc">
                        <i class="icon_2"></i>9:00-10:00
                    </p>
                    <p class="desc">
                        <i class="icon_5"></i>老师:吕想想
                    </p>
                    <div class="status status_no">
                        <i class="no"></i>预约失败,人员已满
                    </div>
                </div>
            </div>
            <div class="lesson_item clear">
                <div class="imgWrap">
                    <img src="http://xqproduct.xiangqu.com/FlLJRvAZhKWhPTqVyf5lM3QUOdNe?imageView2/2/w/164/q/90/format/jpg/1200x1200/" alt="">
                </div>
                <div class="lesson_info">
                    <p class="title">
                        3-12岁水墨画课程（四）
                    </p>
                    <p class="desc">
                        <i class="icon_1"></i>浙大青藤茶馆,1.2公里
                    </p>
                    <p class="desc">
                        <i class="icon_2"></i>9:00-10:00
                    </p>
                    <p class="desc">
                        <i class="icon_5"></i>老师:吕想想
                    </p>
                    <a href="#" class="handel">待评价</a>
                </div>
            </div>
            <div class="lesson_item clear">
                <div class="imgWrap">
                    <img src="http://xqproduct.xiangqu.com/FlLJRvAZhKWhPTqVyf5lM3QUOdNe?imageView2/2/w/164/q/90/format/jpg/1200x1200/" alt="">
                </div>
                <div class="lesson_info">
                    <p class="title">
                        3-12岁水墨画课程（四）
                    </p>
                    <p class="desc">
                        <i class="icon_1"></i>浙大青藤茶馆,1.2公里
                    </p>
                    <p class="desc">
                        <i class="icon_2"></i>9:00-10:00
                    </p>
                    <p class="desc">
                        <i class="icon_5"></i>老师:吕想想
                    </p>
                    <div class="status status_complete">
                        已完成
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>
